@import "@folio/stripes-components/lib/variables";

.searchControl {
  margin-left: -3px;
  margin-top: 8px;
  display: flex;

  &.marginBottom0 {
    margin-bottom: 0;
  }

  &.marginTop0 {
    margin-top: 0;
  }
}

.userError {
  color: var(--error);
}

.modalContent {
  padding: 0;
  position: relative;
  min-height: 500px;
}

.searchField {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

/* reset button wrap - minor alignment adjustment */
.resetButtonWrap {
  & [disabled] :global .stripes__icon {
    fill: rgba(0, 0, 0, 0.62);
  }

  &.resetButton {
    border-color: rgba(0, 0, 0, 0.62);
    color: rgba(0, 0, 0, 0.62);
  }
}

.searchGroupWrap {
  margin-bottom: calc(var(--control-margin-bottom) / 2);
}

.inactiveAppIcon {
  /* -webkit-filter: grayscale(100%); */
  filter: hue-rotate(196deg) grayscale(100);
}
